<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>
<html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>
<html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" dir="ltr" lang="en-US"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="author" content="ppandp">
	<meta name="Description" content="Aside360° - Responsive HTML5 One-Page Template"/>
	<title>Aside360° - Responsive HTML5 One-Page Template</title>
	<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen"/>
	<link href="css/contact.css" rel="stylesheet" type="text/css" media="screen"/>
	<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen"/>
	<link href="css/print.css" rel="stylesheet" type="text/css" media="print"/>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,700,600,800' rel='stylesheet'
		  type='text/css'/>
	<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen"/>
	<link href="css/tipsy.css" rel="stylesheet" type="text/css" media="screen"/>
	<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
	<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
	<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
	<script src="js/jquery.isotope.load.simple.js" type="text/javascript"></script>
	<script src="js/image-hover.js" type="text/javascript"></script>
	<script src="js/mailmask.js" type="text/javascript"></script>
	<script src="js/jquery.jcarousel.min.js" type="text/javascript"></script>
	<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
	<script src="js/jquery.pagescroller.lite.js" type="text/javascript"></script>
	<script src="js/jquery.form.js" type="text/javascript"></script>
	<script src="js/jquery.tipsy.js" type="text/javascript"></script>
	<script src="js/jquery.ui.core.js" type="text/javascript"></script>
	<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
	<script src="js/jquery.ui.accordion.js" type="text/javascript"></script>
	<script src="js/jquery.jtweetsanywhere-1.3.1.min.js" type="text/javascript"></script>
	<script src="js/inits.js" type="text/javascript"></script>
	<script src="js/selectnav.min.js" type="text/javascript"></script>
	<script>
		jQuery(document).ready(function () {

			selectnav('nav', {
				label: '--- Navigation --- '
			});

		})
	</script>
	<script src="js/input.fields.js" type="text/javascript"></script>
	<script src="js/image-cover.js" type="text/javascript"></script>
	<script src="js/sliding.js" type="text/javascript"></script>
	<script defer src="js/jquery.flexslider-min.js"></script>
	<!--[if gt IE 6]>
	<script>
		jQuery(document).ready(function () {
			var Duration = 200;

			$('#nav li').hover(function () {
				$(this).find('a').animate({ paddingLeft: '25px' }, Duration);
			}, function () {
				$(this).find('a').animate({ paddingLeft: '15px' }, Duration);
			});
		});
	</script><![endif]-->
	<script src="js/navi-slidedown.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<nav class="responsive alignleft">
	<ul id="nav">
		<li class="regular"><a href="#">Home</a></li>
		<li class="toggle" id="hidden1"><a href="#section2">About us</a></li>
		<li class="hidden"><a href="#section2b">Testimonials</a></li>
		<li class="regular"><a href="#section3">Our Services</a></li>
		<li class="regular"><a href="#section4">The Team</a></li>
		<li class="regular"><a href="#section5">Blog</a></li>
		<li class="regular"><a href="#section6">Portfolio</a></li>
		<li class="toggle" id="hidden2"><a href="#section7">Contact</a></li>
		<li class="hidden"><a href="#section7b">Directions</a></li>
	</ul>
</nav>
<!-- End of Nav - Links to Hidden Sections are displayed when clicking on the Toggle Classes, the Sections themselves are always visible -->
<div id="wrapper">
<div class="responsive alignright" id="box-shadow">
<div class="section" id="section1">
	<header>
		<h1 id="logo"><a href="index-2.html">Aside360°</a></h1>
		<ul class="social alignright">
			<li class="google first"><a class="tipsy-me" href="http://google.com/" title="Google">Visit our google
				Account</a></li>
			<li class="facebook"><a class="tipsy-me" href="http://facebook.com/envato/" title="Facebook">Visit our
				facebook Account</a></li>
			<li class="dribble"><a class="tipsy-me" href="http://dribble.com/" title="Dribble">Visit our dribble
				Account</a></li>
			<li class="pinterest"><a class="tipsy-me" href="http://pinterest.com/" title="Pinterest">Visit our pinterest
				Account</a></li>
			<li class="skype"><a class="tipsy-me" href="http://skype.com/" title="Skype">Visit our skype Account</a>
			</li>
			<li class="vimeo"><a class="tipsy-me" href="http://vimeo.com/" title="Vimeo">Visit our vimeo Account</a>
			</li>
			<li class="twitter"><a class="tipsy-me" href="http://twitter.com/envato" title="Twitter">Follow us on
				Twitter</a></li>
		</ul>
	</header>
	<div class="container clearfix">
		<div class="divider top"></div>
		<div class="main flexslider">
			<ul class="slides">
				<li>
					<div class="col1-1"><img src="images/slideshow/slide1.jpg" alt=""/>

						<div class="caption">
							<h4>Agency Sites and Portfolios</h4>

							<div class="borderline"></div>
							<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloreue
								laudantium.</p>
						</div>
					</div>
				</li>
				<li>
					<div class="col1-1"><img src="images/slideshow/slide2.jpg" alt=""/>

						<div class="caption">
							<h4>Minimal &amp; Clean</h4>

							<div class="borderline"></div>
							<p>You can easily change the color of the background. If you need help, we'd gladly help
								you! <a href="#" onClick="return false" class="padding-left">Read more <span
										class="arrow">→</span></a></p>
						</div>
					</div>
				</li>
				<li>
					<div class="col1-1"><img src="images/slideshow/slide3.jpg" alt=""/>

						<div class="caption">
							<h4>Future has arrived</h4>

							<div class="borderline"></div>
							<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="col1-1">
			<div class="headline">
				<h2>What We Offer</h2>
			</div>
			<h3>Hide elements, but leave them accessable. Substract, allowing the most important elements to come
				forward. Sed ut perspiciatis unde omnis voluptatem iste natus.</h3>
		</div>
		<div class="col1-3">
			<div id="discover" class="icon-buttons"></div>
			<h4 class="button">Minimal Design</h4>

			<p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat.</p>

			<p>Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer
				commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet
				bibendum. </p>

			<p><a href="#" onClick="return false">Read more <span class="arrow">→</span></a></p>
		</div>
		<div class="col1-3">
			<div id="design" class="icon-buttons"></div>
			<h4 class="button">Easy to Customize</h4>

			<p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida auctor
				vel non mauris. Vivamus gravida aliquet eros. </p>
			<ul class="list bullet">
				<li><a href="#" onClick="return false">Eirmod tempor Invidunt ut</a></li>
				<li><a href="#" onClick="return false">All Sorts of Buttons and Lists</a></li>
				<li><a href="#" onClick="return false">Typography</a></li>
				<li><a href="#" onClick="return false">Columns and Shortcodes</a></li>
				<li><a href="#" onClick="return false">Lightbox, Tabs and Toggles</a></li>
				<li><a href="#" onClick="return false">At vero eos et accusam et</a></li>
			</ul>
			<p><a href="#" onClick="return false">Read more <span class="arrow">→</span></a></p>
		</div>
		<div class="col1-3">
			<div id="develop" class="icon-buttons"></div>
			<h4 class="button">Responsive Layout</h4>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
				labore.</p>
			<ul class="list bullet">
				<li>E-Mail: <a href="#" onClick="return false">info@domain.com</a></li>
				<li>Phone: (845) 123 4567</li>
			</ul>
			<p>Or use our contact form. We'll get back to you as soon as possible!</p>

			<p><a href="#" onClick="return false">Read more <span class="arrow">→</span></a></p>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End of Section -->
<div class="section" id="section2">
	<div class="container clearfix">
		<div class="col1-1">
			<div class="headline">
				<h2>About Us</h2>
			</div>
			<h3>We are regarded as industry leaders in stunning website solutions, focused on delivering unsurpassed
				user experiences.</h3>
		</div>
		<div class="col1-2">
			<div class="headline">
				<h4>History</h4>
			</div>
			<p class="timeline">FEB 2012</p>

			<p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem. Fusce et neque quis. </p>

			<p class="timeline">JAN 2012</p>

			<p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et
				rutrum. </p>

			<p class="timeline">DEC 2011</p>

			<p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio.</p>

			<p class="timeline">MAR 2010</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
				et dolore magna aliquyam erat, sed diam voluptua.</p>
		</div>
		<div class="col1-2">
			<div class="headline">
				<h4>Expertise</h4>
			</div>
			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
				et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
				rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem.</p>

			<p> Stibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia; Proin vel ante a orci
				tempus eleifend ut et magna. </p>

			<p><a href="#" onClick="return false">Read more <span class="arrow">→</span></a></p>
		</div>
	</div>
</div>
<!-- End of Section -->
<div class="section" id="section2b">
	<div class="container clearfix">
		<div class="col1-1">
			<div class="headline">
				<h2>Testimonials</h2>
			</div>
			<p class="alignleft no-padding blockquote">"</p>
			<h4 class="blockquote"> This could be a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Integer commodo
				tristique odio, quis fringilla.<br/>
				<span class="name">- John Doe, <a href="#" onClick="return false">CEO Company Name</a></span></h4>
		</div>
	</div>
</div>
<!-- End of Section -->
<div class="section" id="section3">
	<div class="container clearfix">
		<div class="col1-1">
			<div class="headline">
				<h2>Our Services</h2>
			</div>
			<h3>We are spezializing in physiotherapy. If you need further information, please don't hesitate to contact
				us.</h3>
		</div>
		<div class="col1-1">
			<div id="accordion">
				<h3><a href="#section1">Radiology</a></h3>

				<div>
					<div class="break"></div>
					<div class="images img-cover alignleft image-margin-right"><a
							href="images/shutterstock_86278219.jpg" title="" data-rel="prettyPhoto"></a><img
							src="images/shutterstock_86278219_col1-2.jpg" alt="Dr. med. Health Clinic"/><i>hover
						background</i></div>
					<p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc
						et rutrum.
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis
						fringilla ligula
						aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa,
						imperdiet diam.
						Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p>

					<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
						ut labore et
						dolore.</p>
					<h4 class="clear">Innovative Techniques</h4>

					<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
						takimata sanctus est Lorem.

						Stibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia; Proin vel ante a
						orci tempus eleifend ut et magna. </p>
				</div>
				<h3><a href="#section2">Pediatric and Adolescent Medicine</a></h3>

				<div>
					<div class="break"></div>
					<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
						ut labore et
						dolore magna aliquyam erat. </p>

					<p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc
						et rutrum.
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis
						fringilla ligula
						aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a
						imperdiet diam.
						Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p>
				</div>
				<h3><a href="#section3">Obstetrics and Gynecology</a></h3>

				<div>
					<div class="break"></div>
					<p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc
						et rutrum.
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis
						fringilla ligula
						aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a
						imperdiet diam.
						Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p>
					<h5>Some h5 Title</h5>

					<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
						ut labore et
						dolore magna aliquyam erat. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p>
					<ul class="list bullet">
						<li> All Sorts of Buttons and Lists</li>
						<li>Typography</li>
						<li>Columns and Shortcodes</li>
						<li>Lightbox, Tabs and Toggles</li>
					</ul>
				</div>
				<h3><a href="#section4">Primary Care Internal Medicine</a></h3>

				<div>
					<div class="break"></div>
					<p> Maecenas sed justo varius velit imperdiet bibendum. Lorem ipsum dolor sit amet, consetetur
						sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore. At vero eos et
						accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
						sanctus. </p>

					<p> Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida
						auctor vel non mauris. Vivamus gravida aliquet eros. At vero eos et accusam et justo duo dolores
						et ea rebum. Stet clita kasd gubergren. </p>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End of Section -->
<div class="section" id="section4">
	<div class="container clearfix">
		<div class="col1-1">
			<div class="headline">
				<h2>The Team</h2>
			</div>
			<h3>We are regarded as industry leaders in stunning diabetessite solutions, focused on delivering
				unsurpassed user experiences. Lorem ipsum dolor sit amet.</h3>
		</div>
		<ul id="carousel-about" class="jcarousel-skin-tango2">
			<li class="col1-3">
				<div class="images img-cover"><a href="#" onClick="return false"></a><img src="images/john.jpg" alt=""/><i>hover
					background</i></div>
				<div class="headline">
					<h4>John Doe</h4>
				</div>
				<p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et
					rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elitaras.</p>
			</li>
			<li class="col1-3">
				<div class="images img-cover"><a href="#" onClick="return false" class="link"></a><img
						src="images/amy.jpg" alt=""/><i>hover background</i></div>
				<div class="headline">
					<h4>Amy McDonald</h4>
				</div>
				<p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida
					auctor vel non mauris. Vivamus gravida aliquet. </p>
			</li>
			<li class="col1-3">
				<div class="images img-cover"><a href="#" onClick="return false"></a><img src="images/jason.jpg"
																						  alt=""/><i>hover
					background</i></div>
				<div class="headline">
					<h4>Marie Heimberg</h4>
				</div>
				<p>Maecenas sed justo varius velit imperdiet bibendum. Lorem ipsum dolor sit amet, consetetur sadipscing
					elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
			</li>
			<li class="col1-3">
				<div class="images img-cover"><a href="#" onClick="return false"></a><img src="images/jack.jpg" alt=""/><i>hover
					background</i></div>
				<div class="headline">
					<h4>Jack Smith</h4>
				</div>
				<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
					sanctus dolor sit amet.</p>
			</li>
			<li class="col1-3">
				<div class="images img-cover"><a href="#" onClick="return false"></a><img src="images/john.jpg" alt=""/><i>hover
					background</i></div>
				<div class="headline">
					<h4>John Doe</h4>
				</div>
				<p>Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et
					rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</li>
			<li class="col1-3">
				<div class="images img-cover"><a href="#" onClick="return false"></a><img src="images/amy.jpg"
																						  alt=""/><i>hover
					background</i></div>
				<div class="headline">
					<h4>Amy McDonald</h4>
				</div>
				<p>Phasellus leo ante, posuere in fringilla vitae, pretium at dui. Fusce et neque quis odio gravida
					auctor vel non mauris. Vivamus gravida aliquet eros.</p>
			</li>
			<li class="col1-3">
				<div class="images img-cover"><a href="#" onClick="return false"></a><img src="images/jason.jpg"
																						  alt=""/><i>hover
					background</i></div>
				<div class="headline">
					<h4>Marie Heimberg</h4>
				</div>
				<p>Maecenas sed justo varius velit imperdiet bibendum. Lorem ipsum dolor sit amet, consetetur sadipscing
					elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
			</li>
		</ul>
		<!-- end latest works carousel -->
		<div class="clear"></div>
	</div>
</div>
<!-- End of Section -->
<div class="section" id="section5">
	<div class="container clearfix">
		<div class="col1-1">
			<div class="headline">
				<h2>Blog</h2>
			</div>
			<h3>Welcome to our blog: News, comments, and hints to current court rulings of our fields of law as well as
				current information on our attorney's office.</h3>
		</div>
		<div class="col1-1">
			<article>
				<h3>We Appreciate Any Kind of Feedback (Standard Post)</h3>

				<div class="alignleft">
					<p class="dates">On June 28, 2012</p>
				</div>
				<div class="alignleft">
					<p class="users">By <a href="#" onClick="return false">Admin</a></p>
				</div>
				<div class="alignleft">
					<p class="comments">With <a href="#" onClick="return false">6 Comments</a></p>
				</div>
				<div class="clear"></div>
				<div class="img-hovers">
					<div class="images img-cover"><a href="images/shutterstock_58187818.jpg" title=""
													 data-rel="prettyPhoto"></a> <img src="images/slideshow/slide3.jpg"
																					  alt="Image Title"/><i>hover
						background</i></div>
				</div>
				<p> Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.
					Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Vestibulum id ligula porta felis lorem eus semper. Donec ullamcorper nulla non metus auctor
					fringilla.
					Nullam quis risus eget urna. </p>

				<p><a href="single-post.html">Read more <span class="arrow">→</span></a></p>
			</article>
			<div class="border"></div>
			<article>
				<h3>Yet Another Blog Post (Quote Post)</h3>

				<div class="alignleft">
					<p class="dates">On June 28, 2012</p>
				</div>
				<div class="alignleft">
					<p class="users">By <a href="#" onClick="return false">Admin</a></p>
				</div>
				<div class="alignleft">
					<p class="comments">With <a href="#" onClick="return false">6 Comments</a></p>
				</div>
				<div class="clear"></div>
				<div class="bubble">
					<p class="alignleft no-padding blockquote">"</p>
					<h4 class="blockquote"> This could be a blockquote. Lorem ipsum dolor sit amet, consectetur
						adipiscing elit. Integer commodo
						tristique odio, quis fringilla. </h4>

					<div class="clear"></div>
				</div>
				<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis
					fringilla
					ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. </p>

				<p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et
					rutrum.
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis
					fringilla ligula
					aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a
					imperdiet diam.
					Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum. </p>

				<p><a href="single-post.html">Read more <span class="arrow">→</span></a></p>
			</article>
			<div class="border"></div>
			<article>
				<h3>We Boost Your Sales (Video Post)</h3>

				<div class="alignleft">
					<p class="dates">On June 28, 2012</p>
				</div>
				<div class="alignleft">
					<p class="users">By <a href="#" onClick="return false">Admin</a></p>
				</div>
				<div class="alignleft">
					<p class="comments">With <a href="#" onClick="return false">6 Comments</a></p>
				</div>
				<div class="clear"></div>
				<div class="images">
					<iframe class="videos" style="height:392px; width:700px;"
							src="http://player.vimeo.com/video/29017795?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff"></iframe>
				</div>
				<p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.
					Donec id elit non mi gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Vestibulum id ligula porta felis lorem eus semper. Donec ullamcorper nulla non metus auctor
					fringilla. Nullam quis risus eget urna. </p>

				<p><a href="single-post.html">Read more <span class="arrow">→</span></a></p>
			</article>
			<div class="border"></div>
			<article>
				<h3>Ok, One Last One (Only Text Post)</h3>

				<div class="alignleft">
					<p class="dates">On June 28, 2012</p>
				</div>
				<div class="alignleft">
					<p class="users">By <a href="#" onClick="return false">Admin</a></p>
				</div>
				<div class="alignleft">
					<p class="comments">With <a href="#" onClick="return false">6 Comments</a></p>
				</div>
				<div class="clear"></div>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis
					fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. </p>

				<p> Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed consectetur suscipit nunc et
					rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio,
					quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec
					sapien massa, a imperdiet diam. Aliquam erat volutpat. Sed tetur suscipit nunc et rutrum.</p>

				<p><a href="single-post.html">Read more <span class="arrow">→</span></a></p>
			</article>
			<div class="border"></div>
			<div id="navi-blog">
				<div class="page"><a href="#" onClick="return false">1</a></div>
				<div class="page active"><a href="#" onClick="return false">2</a></div>
				<div class="page"><a href="#" onClick="return false">3</a></div>
				<div class="page"><a href="#" onClick="return false">4</a></div>
				<div class="page"><a href="#" onClick="return false">5</a></div>
			</div>
		</div>
	</div>
</div>
<!-- End of Section -->
<div class="section" id="section6">
<div class="container clearfix">
<div class="col1-1">
	<div class="headline">
		<h2>Portfolio</h2>
	</div>
</div>
<div id="options" class="clearfix">
	<ul id="filters" class="option-set clearfix" data-option-key="filter">
		<li><a href="#filter" data-option-value="*" class="selected">Show&nbsp;All</a><a href="#filter"
																						 data-option-value=".radiology">Radiology</a><a
				href="#filter" data-option-value=".dentalcare">Dental Care</a><a href="#filter"
																				 data-option-value=".orthopedics">Orthopedics</a><a
				href="#filter" data-option-value=".diabetes">Diabetes</a></li>
	</ul>
</div>
<div id="container" class="clearfix padding-top padding-bottom responsive-folio">
	<div class="element col1-2 radiology orthopedics"><a href="images/shutterstock_58561546.jpg" title=""
														 data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58561546_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>radiology, orthopedics</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-2 radiology ">
		<div class="images">
			<div class="flexslider">
				<ul class="slides">
					<li><a href="images/shutterstock_86278219.jpg" title="" data-rel="prettyPhoto[Gallery1]"
						   class="img-cover"><img src="images/shutterstock_86278219_col1-2.jpg" alt=""/><i>hover
						background</i></a></li>
					<li><a href="images/shutterstock_58187818.jpg" title="" data-rel="prettyPhoto[Gallery1]"
						   class="img-cover"><img src="images/shutterstock_58187818_col1-2.jpg" alt=""/><i>hover
						background</i></a></li>
					<li><a href="images/shutterstock_58561546.jpg" title="" data-rel="prettyPhoto[Gallery1]"
						   class="img-cover"><img src="images/shutterstock_58561546_col1-2.jpg" alt=""/><i>hover
						background</i></a></li>
				</ul>
			</div>
			<div class="title">
				<div class="textwrap">
					<p><span>Item with Slideshow</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>radiology</span></p>
				</div>
			</div>
		</div>
	</div>
	<div class="element col1-3 diabetes "><a href="images/shutterstock_58187818.jpg" title=""
											 data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58187818_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>diabetesdesign</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3 diabetes "><a href="images/shutterstock_58561546.jpg" title=""
											 data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58561546_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>diabetesdesign</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3 diabetes "><a href="images/shutterstock_58561546.jpg" title=""
											 data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58561546_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>diabetesdesign</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3   dentalcare "><a href="images/shutterstock_58561546.jpg" title=""
												 data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58561546_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>dentalcare</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3  dentalcare orthopedics"><a href="images/shutterstock_86278219.jpg" title=""
														   data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_86278219_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>dentalcare, orthopedics</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3 diabetes  "><a href="images/shutterstock_58187818.jpg" title=""
											  data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58187818_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>diabetesdesign</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3 illustration  "><a href="images/shutterstock_86278219.jpg" title=""
												  data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_86278219_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>Illustration</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3 dentalcare  "><a href="images/shutterstock_58187818.jpg" title=""
												data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58187818_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>dentalcare</span></p>
				</div>
			</div>
		</div>
	</a></div>
	<div class="element col1-3  dentalcare "><a href="images/shutterstock_58561546.jpg" title=""
												data-rel="prettyPhoto">
		<div class="images img-cover"><img src="images/shutterstock_58561546_col1-2.jpg" alt=""/><i>hover
			background</i>

			<div class="title">
				<div class="textwrap">
					<p><span>Medical Department</span></p>
				</div>
			</div>
			<div class="subtitle">
				<div class="textwrap-delay">
					<p><span>dentalcare</span></p>
				</div>
			</div>
		</div>
	</a></div>
</div>
</div>
</div>
<!-- End of Section -->
<div class="section" id="section7">
	<div class="container clearfix">
		<div class="col1-1">
			<div class="headline">
				<h2>Get in Touch</h2>
			</div>
			<h3>Thanks for looking. We’d love to hear from you.</h3>
		</div>
		<div class="break"></div>
		<div class="responsive-footer">
			<div class="col1-3">
				<div class="headline">
					<h4>Contact Information</h4>
				</div>
				<p><a class="tipsy-me"
					  href="http://maps.google.de/maps?oe=utf-8&amp;client=firefox-a&amp;q=new+york&amp;ie=UTF8&amp;hq=&amp;hnear=Manhattan,+New+York+City,+Manhattan,+New+York,+Vereinigte+Staaten&amp;gl=de&amp;t=p&amp;ll=40.800166,-73.960476&amp;spn=0.045481,0.072956&amp;z=13&amp;source=embed"
					  target="_blank" title="Find us on Google Maps">Aside360°</a><br/>
					22 Miron Drive<br/>
					New York City, 12603 NY</p>

				<p> Email: <a href="http://www.ppandp.de/404.html" class="escape">info<span><span>&part;</span></span>domain.com</a>
				</p>

				<p> Phone: (845) 123 4567</p>

				<div class="headline">
					<h4>Twitter Feed</h4>
				</div>
				<div id="twitter_update_list"></div>
			</div>
			<div class="col2-3">
				<div class="headline">
					<h4>Drop Us a Line</h4>
				</div>
				<p>We will get back to you asap. Fields marked with * are required.</p>

				<div class="contact">
					<div id="message"></div>
					<form method="post" action="http://ppp-templates.de/aside360/contact.php" name="contactform"
						  id="contactform">
						<fieldset>
							<label for="name" accesskey="U"><span class="required">Name</span></label>
							<input name="name" type="text" id="name" size="30" title="Name *"/>
							<label for="email" accesskey="E"><span class="required">Email</span></label>
							<input name="email" type="text" id="email" size="30" title="Email *"/>
							<label for="phone" accesskey="P"><span class="required">Phone</span></label>
							<input name="phone" type="text" id="phone" size="30" title="Phone *" class="third"/>

							<div class="clear"></div>
							<br/>
							<label for="comments" accesskey="C"><span class="required">Comments</span></label>
							<textarea name="comments" cols="40" rows="3" id="comments" style="height: 113px;"
									  title="Comment *"></textarea>
							<input type="submit" class="submit" id="submit" value="Submit"/>
						</fieldset>
					</form>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</div>
<!-- End of Section -->
<div class="section" id="section7b">
	<div class="container clearfix">
		<div class="col1-1">
			<div class="headline">
				<h2>Directions</h2>
			</div>
		</div>
		<div id="map-bg">
			<iframe width="700" height="300" id="googlemaps"
					src="https://maps.google.de/maps?q=new+york+city&amp;oe=utf-8&amp;client=firefox-a&amp;ie=UTF8&amp;hl=de&amp;hq=&amp;hnear=Manhattan,+New+York,+Vereinigte+Staaten&amp;t=p&amp;ll=40.801336,-73.905716&amp;spn=0.103175,0.311394&amp;z=12&amp;iwloc=near&amp;output=embed"></iframe>
		</div>
	</div>
</div>
<!-- End of Section -->
<footer id="footer">
	<div class="container last clearfix">
		<div class="col1-1">
			<div class="border"></div>
			<p><span class="top">New York City, New York, USA</span><br/>
				© 2012, Dr. med. Health Clinic. All rights reserved.</p>
		</div>
	</div>
</footer>
</div>
<!-- End of Box-Shadow -->
</div>
<!-- End of Wrapper -->
</body>
</html>